<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">


<h:head>
	<h:outputStylesheet name="template.css" library="css" />
	<title><ui:insert name="titulo">
                        Loja Virtual            
        </ui:insert></title>
</h:head>

<h:body>

	<div id="page">

		<p:layout style="min-width:1020px;max-width:1020px;min-height:600px">


			<p:layoutUnit position="north" size="100">
				<h:graphicImage library="image" name="logo_virt.jpg" />
			</p:layoutUnit>


			<p:layoutUnit position="west" size="220" collapsible="true">
				<ui:insert name="menu">
					<h:form>

						<p:slideMenu styleClass="menu" backLabel="Voltar" style="height: 400px;margin: 10px 0 0 30px;" >
						
							<p:menuitem value="Login" url="/view/login.jsf" styleClass="itemMenu"/>
							<p:submenu label="Cadastro" styleClass="subMenu">
								<p:menuitem value="Categorias" url="/view/categoria.jsf" styleClass="itemMenu" />
								<p:menuitem value="Grupos" url="/view/grupo.jsf" styleClass="itemMenu"/>
								<p:menuitem value="Subgrupos" url="/view/subgrupo.jsf" styleClass="itemMenu"/>
								<p:menuitem value="Produtos" url="/view/produto.jsf" styleClass="itemMenu"/>
								<p:menuitem value="Tipos de Usuários" url="/view/tipoUsuario.jsf" styleClass="itemMenu"/>
								<p:menuitem value="Usuários" url="/view/usuario.jsf" styleClass="itemMenu"/>
								<p:menuitem value="Clientes" url="/view/cliente.jsf" styleClass="itemMenu"/>
							</p:submenu>
							<p:submenu label="Carrinho de Compras" styleClass="subMenu">
								<p:menuitem value="Carrinho" url="/view/carrinho.jsf" styleClass="itemMenu"/>
								<p:menuitem value="Testar Carrinho" url="/view/testeCarrinho.jsf" styleClass="itemMenu"/>
							</p:submenu>
							

						</p:slideMenu>





						<!-- <p:menu style="width: 200px">
							<p:submenu label="Menu">
								<p:menuitem value="Login" icon="ui-icon-key" />
								<p:menuitem value="Cadastro" icon="ui-icon-contact" />
							</p:submenu>
						</p:menu> -->
					</h:form>
				</ui:insert>
			</p:layoutUnit>


			<p:layoutUnit position="center" resizable="true">
				<ui:insert name="centro">
                        O que estiver aqui será substituido!
               	</ui:insert>

			</p:layoutUnit>

		</p:layout>

	</div>

</h:body>

</html>
